{% extends 'bg-frame.html'%}

{% block head_css %}
{{ super()}}

<style type="text/css">
  div.pagination li{
    padding: 1px !important;
  }


</style>
{% endblock %}


    <!-- 文章分类 -->
    {% block posts_category %}
        <ul>
          <li><a href="javascript:void(0);">学无止境（33）</a></li>
          <li><a href="javascript:void(0);">日记（19）</a></li>
          <li><a href="javascript:void(0);">慢生活（520）</a></li>
          <li><a href="javascript:void(0);">美文欣赏（40）</a></li>
      </ul>
    {% endblock %}

    <!-- 站长推荐 -->
    {%block posts_recommend%}
          <ul>
            {% if data is not none %}
              {%for dt in data.items %}
                <li><a href="{{url_for('detail.detail', anchor=dt.id)}}">{{dt.title}}</a></li>
              {% endfor %}
          {% endif %}
        </ul>  
          <!-- <ul>
            <li><a href="/">你是什么人便会遇上什么人</a></li>
            <li><a href="/">帝国cms 列表页调用子栏目，没有则不显示栏目名称</a></li>
            <li><a href="/">第二届 优秀个人博客模板比赛参选活动</a></li>
            <li><a href="/">个人博客模板《绅士》后台管理</a></li>
            <li><a href="/">你是什么人便会遇上什么人</a></li>
            <li><a href="/">帝国cms 列表页调用子栏目，没有则不显示栏目名称</a></li>
            <li><a href="/">第二届 优秀个人博客模板比赛参选活动</a></li>
            <li><a href="/">个人博客模板《绅士》后台管理</a></li>
          </ul> -->
    {% endblock %}
{% block left_box %}
{{ super()}}



{% endblock %}

{% block right_box %}

{%for dt in data.items %}
  <li class="article"><i><a href="{{ url_for('detail.detail', anchor=dt.id)}}"><img src="/static/img/2.jpg"></a></i>
      <h3><a href="{{ url_for('detail.detail', anchor=dt.id)}}">{{dt.title}}</a></h3>
      <p>{{dt.content|prettify("p")}}</p>
  </li>

{% endfor %}

{% set route=url %}

{% if data.items %}
  <div class="pagination">
    <nav aria-label="...">
      <ul class="pagination">
      {% if data.has_prev %}
        <li>
          <a aria-hidden="true" href="{{ url_for(route)}}?page={{data.prev_num }}">&laquo;</a>
        </li>
      {% endif%}
 
      {% for page in data.iter_pages() %}

          <!-- 只有一页时，不显示上下页 -->
          {%if data.items|length>=10%}
           
            <li>
              <a href="{{ url_for(route, page=page) }}" >{{ page }}</a>
            </li>
            
            {% endif %}
      {% endfor %}
      {% if data.has_next %}
           <li><a href="{{ url_for(route, page=data.next_num) }}">&raquo;</a></li>
      {% endif %}
      </ul>
  </nav>
  </div>
{% else %}
    <h2>暂时没有内容，正在internet上爬取文章中...</h2>
{%endif%}

{% endblock %}

{% block body_js %}
{{super()}}

{% endblock %}

